body{
    max-width: 540px;
    min-width: 320px;
    margin: 0px auto;
    font: normal 14px/1.5;
    color: #000;
    background: #fff;
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent ;
}
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
}
div{
    box-sizing: border-box;
}
/* 搜索模块 */
.search-index{
    display: flex;
    max-width: 540px;
    min-width: 320px;
    position: fixed;
    top: 0;
    left:0;
    width: 100%; 
    height: 44px; 
    border-top: 1px solid #ccc;
    z-index: 1;
}
.search{
    position: relative;
    flex: 1;
    height: 32px;
    line-height: 32px;
    color: #666;
    font-size: 12px;
    padding-left: 32px;
    margin: 7px 10px;
    border-radius: 32px;
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0,.2);
}
.search::before{
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    width: 35px;
    height: 35px;
    background: url(//pic.c-ctrip.com/platform/h5/home/home-common-sprite2x@v7.15.png) no-repeat;
    background-size: 21px auto;
    background-position: 8px 8px;
}
.search-index a{
    width: 44px;
    height: 44px;
    color:#fff;
    text-align: center;
    font-size: 12px;
}
.search-index a::before{
    content: "";
    width: 22px;
    height: 22px;
    background: url(//pic.c-ctrip.com/platform/h5/home/home-common-sprite2x@v7.15.png) no-repeat;
    background-size: 21px auto;
    margin: 3px auto;
    display: block;
    background-position: 0px -35px;
}
/* 焦点图模块 */
.foucs{
    position: relative;
}
.foucs::before{
    width: 100%;
    height: 50px;
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    background: linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,0));
}
.foucs img{
    width: 100%;
}

.wrap_main{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0px 10px;
}

/* 局部导航栏模块 */
.local_nav{
    display: flex;
    margin: 3px 4px;
    position: relative;
    margin-top: -40px;
    width: 100%;
    margin-bottom: 10px;
}
.local_nav ul{
    width: 100%;
    display: flex;
    height: 64px;
    border-radius: 8px;
    background: #fff;
}
.local_nav li{
    flex: 1;
}
.local_nav a{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #666;
    font-size: 12px;
}
.x{
    margin-top: 5px;
    width: 40px;
    height: 40px;
    background-color: pink;
    background: url(../study_38/home-fivemain-sprite2x@v7.15.png) no-repeat;
    background-size: 40px auto;
}
.x-1{
   background-position: 0px 0px;
}
.x-2{
    background-position: 0px -40px;
 }
.x-3{
    background-position: 0px -80px;
 }
 .x-4{
    background-position: 0px -120px;
 }
 .x-5{
    background-position: 0px -160px;
 }

/* 导航 */
.nav_entry{
    width: 100%;
    display: flex;
    margin-bottom: 10px;
}
.nav_entry_wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-radius: 5px;
    overflow: hidden;
}
.item{
    width: 100%;
    display: flex;
    height: 66px;
    line-height: 66px;
}
.item_1{
    background: linear-gradient(to right,#fa5956,#fb8650 54%);
}
.item_2{
    background: linear-gradient(to right,#4b8fed,#53bced);
}
.item_3{
    background: linear-gradient(to right,#34c2aa,#6cd557)
}
.item a{
    width: 100%;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #fff;
    flex: 1;
}
.item a:nth-child(2n){
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.item a:nth-child(3){
    border-right: 1px solid #fff;
}
.item_1 a:last-child{
    border-right:none;
    flex:2

}
.item_3 a{
    border-bottom: none;
}
/* 侧导航栏 */
.subnav_entry{
    width: 100%;
    flex-wrap: wrap;
    border-radius: 8px;
    background-color: #fff;
    display: flex;
    margin-bottom: 10px;
}
.subnav_entry li{
    flex: 20%;
}
.subnav_entry a{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    color: #666;
}
.subnav_entry a .x{
    display: block;
    width: 28px;
    height: 28px;
   background-image: url(../study_38/un_ico_subnav2x@v7.33.png);
   background-repeat: no-repeat;
   background-size: 28px auto;
   margin: 5px 0px;
}
.subnav_entry_1{
   background-position: 0 0;
}
.subnav_entry_2{
    background-position: 0 -28px;
}
.subnav_entry_3{
    background-position: 0 -56px;
}
.subnav_entry_4{
    background-position: 0 -84px;
}
.subnav_entry_5{
    background-position: 0 -112px;
}
.subnav_entry_6{
    background-position: 0 -139px;
}
.subnav_entry_7{
    background-position: 0 -168px;
}
.subnav_entry_8{
    background-position: 0 -196px;
}
.subnav_entry_9{
    background-position: 0 -224px;
}
.subnav_entry_10{
    background-position: 0 -252px;
}

/* 九宫格 */
.grid{
    width: 100%;
    display: flex;
}
.wrap_grid{
    width: 100%;
    display: flex;
    background: red;
    flex-wrap: wrap;
    border-radius: 5px;
}
.grid_item{
    height: 85px;
    line-height: 85px;
    text-align: center;
    width: 33.33%;
    border-bottom: 1px solid #fff;
}
.grid_item:nth-child(3n-1){
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.bm{
    width: 100%;
    height: 70px;
    background-color:#fff;
    margin-top: 10px;
}
.bm ul{
    display: flex;
    width: 100%;
    height: 70px;
}
.bm a{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #666;
    font-size: 14px;
}
.bm_1{
    width: 20px;
    height: 20px;
    margin: 10px 0px;
    display: block;
    background-color: skyblue;
}
.bm ul li{
  flex: 1;
}
.xx p{
    text-align: center;
    font-size: 12px;
    color: #666;
}